<template>
  <div>
    <el-container>
      <el-aside width="250px"
        >Aside
        <el-row class="tac">
  <el-col :span="12">
    <h5>默认颜色</h5>
    <el-menu
      default-active="1"
      class="el-menu-vertical-demo"
    >
      <router-link to="info">
      <el-menu-item index="1">
        <i class="el-icon-setting"></i>
        <span slot="title">个人资料</span>
      </el-menu-item>
      </router-link>
      <router-link to="Order">
      <el-menu-item index="2">
        <i class="el-icon-menu"></i>
        <span slot="title">我的订单</span>
      </el-menu-item>
      </router-link>
    </el-menu>
  </el-col>
</el-row>
      </el-aside>
      <el-main>Main
          <router-view></router-view>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {};
</script>


<style scoped>
.el-container {
  position: absolute; /* 相对定位或绝对定位均可 */
  width: 1200px;
  height: 400px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
</style>

